<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>

    <title>申请双向速递</title>
    <link rel="stylesheet" href="/css/weui.css"/>
    <link rel="stylesheet" href="/css/main.css"/>
    <script src="/js/vue.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/data/options.js"></script>
    <script src="/data/dist.js"></script>
    <script src="/data/pinyin.js"></script>
    <script src="/js/jquery-3.3.1.min.js"></script>


</head>
<body>
<div class="page__bd" id="app" style="height: 100%;">
    <div class="weui-cells__title" style="background-color: #f0f0f0;">
        基本信息
    </div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                身份证号
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                <input class="weui-input normal_input" v-model="idNumber" placeholder="请输入本人身份证号"/>
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                手机号码
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                <input class="weui-input normal_input" v-model="lxdh" type="number" placeholder="请输入本人手机号码"/>
            </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd ">
                姓
            </div>
            <div class="weui-cell__ft">
                <input class="weui-input normal_input" v-model="zwx" placeholder="中文姓"/>
            </div>
            <div class="div_blank"></div>
            <div class="weui-cell__bd">
                名
            </div>
            <div class="weui-cell__ft">
                <input class="weui-input normal_input" v-model="zwm" placeholder="中文名"/>
            </div>
        </div>




        <div class="weui-cell weui-cell_select">
            <div class="weui-cell__bd weui-cell__primary" >
                户口所在地
            </div>

            <div class="weui-cell__ft">
                <select class="weui-select" v-model="form.hkszd" id="hkszd">
                    <option v-for="(value, key) in distOptions3" :value="key">{{value}}</option>
                </select>
            </div>

        </div>


    </div>


    <div class="weui-cells__title" style="background-color: #f0f0f0;">
        签注信息
    </div>


    <div class="weui-cells weui-cells_checkbox">
        <label class="weui-cell weui-check__label" for="sqlb102">
            <div class="weui-cell__hd">
                <input type="checkbox" class="weui-check" value="102" v-model="form.sqlb" id="sqlb102"
                       checked="checked"/>
                <i class="weui-icon-checked"></i>
            </div>
            <div class="weui-cell__bd">
                签注往来港澳通行证
            </div>

        </label>


        <div class="weui-cell" :class="{hidden_div:gazlDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                往来港澳通行证号码
            </div>
            <div class="weui-cell__ft">
                <input class="weui-input normal_input" placeholder="请输入证件号码" v-model="form.xczjhmGa"/>
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:gazlDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                往来港澳通行证有效期
            </div>
            <div class="weui-cell__ft">
                <input class="weui-input normal_input date_input" type="date" v-model="form.xczjyxqzGa"/>
            </div>
        </div>

        <label class="weui-cell weui-check__label" for="qwd_hkg" :class="{hidden_div:gazlDisplay}">
            <div class="weui-cell__hd">
                <input type="checkbox" class="weui-check" value="HKG" v-model="form.qwd" id="qwd_hkg"
                       checked="checked"/>
                <i class="weui-icon-checked"></i>
            </div>
            <div class="weui-cell__bd">
                往来香港签注
            </div>
        </label>

        <div class="weui-cell weui-cell_select" :class="{hidden_div:xgqzDisplay}">
            <div class="weui-cell__bd weui-cell__primary" style="flex: 38">
                香港签注种类
            </div>
            <div class="weui-cell__ft" style="flex: 29">
                <select class="weui-select" v-model="form.qzzlHkg" v-on:change="onGaqzChange">
                    <option v-for="qzzl in qzzlHkgOptions" :value="qzzl.key">{{qzzl.value}}</option>
                </select>
            </div>

        </div>
        <div class="weui-cell weui-cell_select" :class="{hidden_div:xgqzDisplay}">
            <div class="weui-cell__bd weui-cell__primary" style="flex: 38">
                香港签注次数
            </div>
            <div class="weui-cell__ft" style="flex: 33">
                <select class="weui-select" v-model="form.qzcsHkg" v-on:change="onGaqzChange">
                    <option v-for="qzcs in qzcsHkgOptions" :value="qzcs.key">{{qzcs.value}}</option>
                </select>
            </div>

        </div>

        <label class="weui-cell weui-check__label" for="qwd_mac" :class="{hidden_div:gazlDisplay}">
            <div class="weui-cell__hd">
                <input type="checkbox" class="weui-check" value="MAC" v-model="form.qwd" id="qwd_mac"
                       checked="checked"/>
                <i class="weui-icon-checked"></i>
            </div>
            <div class="weui-cell__bd">
                往来澳门签注
            </div>
        </label>


        <div class="weui-cell weui-cell_select" :class="{hidden_div:amqzDisplay}">
            <div class="weui-cell__bd weui-cell__primary" style="flex: 38">
                澳门签注种类
            </div>
            <div class="weui-cell__ft" style="flex: 29">
                <select class="weui-select" v-model="form.qzzlMac" v-on:change="onGaqzChange">
                    <option v-for="qzzl in qzzlMacOptions" :value="qzzl.key">{{qzzl.value}}</option>
                </select>
            </div>

        </div>
        <div class="weui-cell weui-cell_select" :class="{hidden_div:amqzDisplay}">
            <div class="weui-cell__bd weui-cell__primary" style="flex: 38">
                澳门签注次数
            </div>
            <div class="weui-cell__ft" style="flex: 33">
                <select class="weui-select" v-model="form.qzcsMac" v-on:change="onGaqzChange">
                    <option v-for="qzcs in qzcsMacOptions" :value="qzcs.key">{{qzcs.value}}</option>
                </select>
            </div>
        </div>
    </div>

    <div class="weui-cells weui-cells_checkbox">
        <label class="weui-cell weui-check__label" for="sqlb104">
            <div class="weui-cell__hd">
                <input type="checkbox" class="weui-check" value="104" v-model="form.sqlb" id="sqlb104"
                       checked="checked"/>
                <i class="weui-icon-checked"></i>
            </div>
            <div class="weui-cell__bd">
                签注往来台湾通行证
            </div>
        </label>

        <div class="weui-cell" :class="{hidden_div:twzlDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                往来台湾通行证号码
            </div>
            <div class="weui-cell__ft">
                <input class="weui-input normal_input" placeholder="请输入证件号码" v-model="form.xczjhmTw"/>
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:twzlDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                往来台湾通行证有效期
            </div>
            <div class="weui-cell__ft">
                <input class="weui-input normal_input date_input" type="date" v-model="form.xczjyxqzTw"/>
            </div>
        </div>
        <div class="weui-cell weui-cell_select" :class="{hidden_div:twzlDisplay}">
            <div class="weui-cell__bd weui-cell__primary" style="flex: 38;">
                台湾签注种类
            </div>
            <div class="weui-cell__ft" style="flex: 29;">
                <select class="weui-select" v-model="form.qzzlTwn">
                    <option v-for="qzzl in qzzlTwnOptions" :value="qzzl.key">{{qzzl.value}}</option>
                </select>
            </div>

        </div>
        <div class="weui-cell weui-cell_select" :class="{hidden_div:twzlDisplay}">
            <div class="weui-cell__bd weui-cell__primary" style="flex: 38;">
                台湾签注次数
            </div>
            <div class="weui-cell__ft" style="flex: 33;">
                <select class="weui-select" v-model="form.qzcsTwn" v-on:change="onTwqzChange">
                    <option v-for="qzcs in qzcsTwnOptions" :value="qzcs.key">{{qzcs.value}}</option>
                </select>
            </div>

        </div>





    </div>


    <div class="weui-cells__title">
        速递信息
    </div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                邮寄地址
            </div>
            <div class="weui-cell__ft" style="flex: 4;">
                <input class="weui-input normal_input" v-model="form.emsdz" placeholder="请输入详细邮寄地址"/>
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                邮编
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                <input class="weui-input normal_input" v-model="form.yzbm" type="number" placeholder="请输入邮编"/>
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                收件人
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                <input class="weui-input normal_input" v-model="form.sjr" placeholder="请输入收件人姓名"/>
            </div>
        </div>
        <div class="weui-cell" >
            <div class="weui-cell__bd weui-cell__primary">
                联系电话
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                <input class="weui-input normal_input" v-model="form.sjhm" type="number" placeholder="输入收件人联系电话"/>
            </div>
        </div>

    </div>



    <div class="weui-msg__opr-area" >
        <p class="weui-btn-area">
            <a class="weui-btn weui-btn_primary" v-on:click="submit">提 交 申 请</a>
        </p>
    </div>

    <div style="display: none;">
        <form id="outerApplyForm" name="outerApplyForm" method="post" action="/outerApply/page/submit">
            <input type="hidden" v-model="formJson" name="formJson" id="outerApplyJson"/>
        </form>
    </div>


</div>


<div class="js_dialog" id="iosDialog" style="display: none;">
    <div class="weui-mask"></div>
    <div class="weui-dialog">
        <div class="weui-dialog__bd" id="dialogContent">弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内</div>
        <div class="weui-dialog__ft">
            <a href="javascript:hideDialog();" class="weui-dialog__btn weui-dialog__btn_primary">知道了</a>
        </div>
    </div>
</div>
<div class="js_dialog" id="iosDialog1" style="display: none;">
    <div class="weui-mask"></div>
    <div class="weui-dialog">
        <div class="weui-dialog__hd"><strong class="weui-dialog__title">提醒</strong></div>
        <div class="weui-dialog__bd" id="tipsContent">弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内</div>
        <div class="weui-dialog__ft">
            <a href="javascript:hideDialog1();" class="weui-dialog__btn weui-dialog__btn_default">取消</a>
            <a href="javascript:app.check();" class="weui-dialog__btn weui-dialog__btn_primary">继续</a>
        </div>
    </div>
</div>
<script src="/js/outerApply.js"></script>

</body>
</html>